/* Vánoční motiv */
.home-age-filter.christmas-mode {
    background-color: #f0f0f0; /* Světlejší pozadí pro sníh */
    position: relative; /* Pro animace */
    overflow: hidden; /* Skryje přetečení sněhu */
}

.home-age-filter.christmas-mode .haf-title {
    color: #c0392b; /* Červená pro nadpis */
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

.home-age-filter.christmas-mode .haf-btn {
    background: linear-gradient(135deg, #e74c3c, #27ae60) !important; /* Červená a zelená pro všechna tlačítka */
    color: #fff; /* Bílý text pro kontrast */
    position: relative;
}

.home-age-filter.christmas-mode .haf-btn::before {
    content: "\f1bb"; /* Font Awesome ikona vánočního stromečku */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    opacity: 0.7;
}

/* Animace padajícího sněhu (volitelná, lehce na pozadí) */
.home-age-filter.christmas-mode::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="5" fill="white"/></svg>') repeat; /* Jednoduchá sněhová vločka */
    opacity: 0.3;
    animation: snow 10s linear infinite;
}

@keyframes snow {
    0% { background-position: 0 0; }
    100% { background-position: 0 100px; } /* Padání dolů */
}

/* Pokud chcete různé barvy pro jednotlivá tlačítka, přidejte: */
.home-age-filter.christmas-mode .haf-btn--do-1-roku { background: linear-gradient(135deg, #c0392b, #27ae60) !important; }
/* ... podobně pro ostatní */